// watch
<script setup>
import {ref,watch} from 'vue';
const count=ref(0);
// 监听一个响应式数据
// watch(监听的数据,改变后回调函数)
watch(count,()=>{
    console.log("count改变了");
})
// 改变数据
setTimeout(()=>{
  count.value++;
},2000)
</script>

// 父组件
<template>
    <div>
        <h1>我是父组件</h1>
        <div>{{ money }}</div>
        <div>{{ car }}</div>
        <hr>
        <ChildCom :money="money" :car="car"></ChildCom>
    </div>
</template>
<script setup>
import {ref} from 'vue'
import ChildCom from './ChildCom.vue';
const money=ref(1000);
const car=ref('宝马')
</script>

// 子组件
<template>
    <div>
        <p>{{ money }}</p>
        <p>{{ car }}</p>
    </div>
</template>
<script setup>
// defineProps接收父组件传递的数据
const props=defineProps({
    money:Number,
    car:String
})
// 使用props
console.log(props)
</script>